<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0, width=device-width" />
		<title>header</title>
		<!--<link rel="stylesheet" type="text/css" href="../css/common.min.css" />-->
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/app.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<style type="text/css">
			html,
			body {
				height: 100%;
				width: 100%;
			}
			#wrap {
				height: 100%;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-flex-flow: column;
				flex-flow: column;
			}
			#main {
				-webkit-box-flex: 1;
				-webkit-flex: 1;
				flex: 1;
			}
		</style>
		<script src="../script/app.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
	
		<div id="wrap">
			<header id="header"  class="mui-bar mui-bar-nav">
				<a class="mui-icon mui-pull-left mui-icon-left-nav" onclick="api.closeWin()"></a>
				<h1 class="mui-title">答题历史</h1>
			</header>
			<div id="main">
				<p style="margin-top: 100px;" class="mui-text-center">暂无历史！</p>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script src="../script/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	apiready = function() {
			var data = api.pageParam;
//			alert(JSON.stringify(data));
			var header = $api.byId('header');
		     $api.fixIos7Bar(header);
		     var header_h = $api.offset(header).h;
		    if(data.type=="pay"){
		    	
		    }
			api.openFrame({
				bounces: false,
				name: 'history-con',
				url: 'history-con.html',
				pageParam: data,
				rect: {
					x: 0,
					y: header_h,
					w: 'auto',
					h: 'auto'
					}
			});

	}
	</script>
</html>